import React, { Component } from 'react';
import { Button,Menu, Dropdown,Pagination } from 'antd';
import {
  HomeOutlined,
  SettingFilled,
  SmileOutlined,
  SyncOutlined,
  LoadingOutlined,
  TeamOutlined,
  UserOutlined,
} from '@ant-design/icons';
class View extends Component {
    handleMenuClick(e) {
      console.log('click', e);
    }
    render(){
        const menu = (
          <Menu onClick={(e)=>{this.handleMenuClick(e)}}>
            <Menu.Item key="1">1st item</Menu.Item>
            <Menu.Item key="2">2nd item</Menu.Item>
            <Menu.Item key="3">3rd item</Menu.Item>
          </Menu>
        );
        return(
            <React.Fragment>
            <Button type="primary">Primary Button</Button>
            <Button>Default Button</Button>
            <Button type="dashed">Dashed Button</Button>
            <br />
            <Button type="text">Text Button</Button>
            <Button type="link">Link Button</Button>

            <Dropdown.Button overlay={menu}>Actions</Dropdown.Button>
            <HomeOutlined />
            <SettingFilled />
            <SmileOutlined />
            <SyncOutlined spin />
            <SmileOutlined rotate={180} />
            <LoadingOutlined />
            <TeamOutlined />
            <UserOutlined />
            </React.Fragment>
        )
    }
}

export default View;
